import React, { Component } from 'react'
import axios from 'axios'
import {connect} from 'react-redux'
interface IProps{
    initData:void,
    touList:any
}
interface IState{
    list:any
}
export class Index extends Component<IProps,IState> {
    state={
        list:[]
    }
    // {
    //     "select": [
    //         {
    //             "title": "选项一",
    //             "size": 0
    //         },
    //         {
    //             "title": "222",
    //             "size": 1
    //         },
    //         {
    //             "title": "3333",
    //             "size": 1
    //         },
    //         {
    //             "title": "444444",
    //             "size": 0
    //         }
    //     ],
    //     "info": null,
    //     "title": "18701553449",
    //     "id": "q2le0rk1y3",
    //     "endtime": "2020-02-01T06:40:00.000Z",
    //     "uid": "fimegt0j3b",
    //     "createVoteUserInfo": {
    //         "phone": "18701553442",
    //         "username": "yihang",
    //         "id": "fimegt0j3b"
    //     },
    //     "size": 2,
    //     "selected": 1
    // }
    componentDidMount(){
        axios.get('/data').then(res=>{
            //console.log(res.data.data.lists);
            this.setState({
                list:res.data.data.lists
            })
            this.props.touList(res.data.data.lists)
        })
    }
    render() {
        return (
            <div className="Index">
               {
                this.state.list.map((item:any,index:number)=>{
                    return  <li key={index}>{item.title}</li>
                     
                })
               }
            </div>
        )
    }
}
const state=(state:any)=>{
    return {

    }
}
const dispatch=(dispatch:any)=>{
    return {
        touList(data:any){
            dispatch({type:"GET_DATA",data})
        }
    }
}
export default connect(state,dispatch)(Index) 
